<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小U商城 - 添加产品</title>
    <link rel="stylesheet" href="css/add_goods.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="shortcut icon" href="images/logo.jpg" type="image/x-icon">
</head>
<body>
    <div id="add_goods">
        <h2>小U商城后台管理系统</h2>
        <form action="">
            <p class="add">添加商品</p>
            <div class="shangpin">
                <p>
                    <label for="">
                        <i>*</i>
                        商品名称：
                    </label>
                    <input type="text" class="box1">
                </p>
                <p>
                    <label for="">
                        <i>*</i>
                        简单描述：
                    </label>
                    <input type="text" class="box1">
                </p>
                <p>
                    <label for="">
                        <i>*</i>
                        关键字：
                    </label>
                    <input type="text" placeholder="请用，分隔关键字" class="box1 keyword">
                </p>
            </div>


            <div class="box6">
                <label for="" class="box3 clearfix">
                    <i>*</i>
                    <p class="box4">产品分类：</p>
                    
                    <p class="box2">
                        <input type="checkbox" name="" id="">
                        新品发布
                    </p>
                    <p class="box2">
                        <input type="checkbox" name="" id="">
                        限时促销
                    </p>
                    <p class="box2">
                        <input type="checkbox" name="" id="">
                        特价处理
                    </p>
                    <p class="box5">
                        添加分类
                    </p>
                </label>
            </div>
            
           
            <div class="price clearfix">
                <p>
                    <i>*</i>
                    商品原价：
                    <br>
                    <input type="text">
                    <span>元</span>
                </p>

                <p>
                    <i>*</i>
                    商品现价：
                    <br>
                    <input type="text">
                    <span>元</span>
                </p>
    
                <p>
                    <i>*</i>
                    商品数量：
                    <br>
                    <input type="text">
                    <span>个</span>
                </p>
            </div>
                
            
            
            <div class="guige">
                <p>
                    设置规格：
                    <input type="text">
                    <i>如:"颜色,尺寸,型号"中间以英文逗号隔开</i>
                </p>
            </div>
            <p class="box10">
                <span>是否上架：</span>
                <input type="radio" name="shangjia" id="">是
                <input type="radio" name="shangjia" id="">否
            </p>
            <p class="box10">
                <span>允许评论：</span>
                <input type="radio" name="pinglun" id="">是
                <input type="radio" name="pinglun" id="">否
            </p>
            <p class="box10 box9">
                <span>产品图片：<i>*</i></span>
                <input type="file" name="" id="">
            </p>
            <p class="box10 box8">
                <span>内容介绍：<i>*</i></span>
                <textarea name="" id="" cols="30" rows="10"></textarea>
            </p>
            <div class="btn">
                <input type="button" value="保存并提交" class="btn1">
                <input type="button" value="保存草稿" class="btn2">
                <input type="button" value="取消添加" class="btn3">
            </div>
        </form>
    
</body>
</html>